<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Jumlah Penambahan Bangku Kelas - Propinsi Kalimantan Timur</title>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#container').highcharts({
                    chart: {
                        type: 'column'
                    },
                    title: {
                        text: 'Jumlah Penduduk Berdasarkan Status Pekerjaan'
                    },
                    subtitle: {
                        text: 'Banyuwangi'
                    },
                    xAxis: {
                        categories: [
                            '2009',
                            '2010',
                            '2011',
                            '2012',
                            '2013'
                        ],
                        labels: {
                            rotation: 0,
                            style: {
                                fontSize: '13px',
                                fontFamily: 'Verdana, sans-serif'
                            }
                        }
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: 'Jumlah (orang)'
                        }
                    },
                    tooltip: {
                        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                '<td style="padding:0"><b>{point.y:.0f} orang</b></td></tr>',
                        footerFormat: '</table>',
                        shared: true,
                        useHTML: true
                    },
                    plotOptions: {
                        column: {
                            pointPadding: 0.2,
                            borderWidth: 0
                        }
                    },
                    series: [{
                            name: 'Bekerja',
                            data: [815740, 793846, 787410, 841317, 825108],
                            dataLabels: {
                                enabled: true,
                                rotation: 0,
                                color: '#000000',
                                align: 'right',
                                x: 20,
                                y: -10,
                                style: {
                                    fontSize: '13px',
                                    fontFamily: 'Verdana, sans-serif',
                                    textShadow: '0 0 1px black'
                                }
                            }
                        }, {
                            name: 'Pengangguran',
                            data: [34460, 32415, 30376, 29631, 40639],
                            dataLabels: {
                                enabled: true,
                                rotation: 0,
                                color: '#000000',
                                align: 'right',
                                x: 20,
                                y: -10,
                                style: {
                                    fontSize: '13px',
                                    fontFamily: 'Verdana, sans-serif',
                                    textShadow: '0 0 1px black'
                                }
                            }
                        },
                        {
                            name: 'Bukan Angkatan Kerja',
                            data: [359632, 349996, 363219, 316110, 321438],
                            dataLabels: {
                                enabled: true,
                                rotation: 0,
                                color: '#000000',
                                align: 'right',
                                x: 20,
                                y: -10,
                                style: {
                                    fontSize: '13px',
                                    fontFamily: 'Verdana, sans-serif',
                                    textShadow: '0 0 1px black'
                                }
                            }
                        }
                    ]
                });
            });


        </script>
        <link href="../../../static/css/css_style.css" rel="stylesheet" type="text/css" media="screen">
        <link href="../../../static/documentation/assets/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <script src="../../js/highcharts.js"></script>
        <script src="../../js/modules/exporting.js"></script>

        <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
        <div style="margin-top: 40px">
            <table class="table table-striped">
                <tr><th>Jenis Kegiatan Utama</th><th colspan="5">Tahun</th></tr>
                <tr><td></td><th>2009</th><th>2010</th><th>2011</th><th>2012</th><th>2013</th></tr>
                <tr><td>BEKERJA</td><td>815,740</td><td>793,846</td><td>787,410</td><td>841,317</td><td>825,108</td></tr>
                <tr><td>PENGANGGURAN</td><td>34,460</td><td>32,415</td><td>30,376</td><td>29,631</td><td>40,639</td></tr>
                <tr><td>BUKAN ANGKATAN KERJA</td><td>359,632</td><td>349,996</td><td>363,219</td><td>316,110</td><td>321,438</td></tr>
            </table>
        </div>
    </body>
</html>
